<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2015/4/1
  Time: 3:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <link href="<%=request.getContextPath() %>/resources/css/zzsc.css" rel="stylesheet" type="text/css" media="all" />
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery.min.js"></script>--%>
</head>
<div id="leftsead">
    <ul>
        <li>
            <a href="javascript:void(0)" class="youhui">
                <img src="<%=request.getContextPath() %>/resources/images/l02.png" width="47" height="49" class="shows" />
                <img src="<%=request.getContextPath() %>/resources/images/a.png" width="57" height="49" class="hides" />
                <img src="<%=request.getContextPath() %>/resources/images/weixin.jpg" width="145" class="2wm" style="display:none;margin:-100px 57px 0 0" />
            </a>
        </li>
        <li>
            <a href="<%=request.getContextPath() %>/chat/" target="_blank">
                <div class="hides" style="width:161px;display:none;" id="qq">
                    <div class="hides" id="p1">
                        <img src="<%=request.getContextPath() %>/resources/images/ll04.png">
                    </div>
                    <div class="hides" id="p2"><span style="color:#FFF;font-size:13px">800000000</span>
                    </div>
                </div>
                <img src="<%=request.getContextPath() %>/resources/images/l04.png" width="47" height="49" class="shows" />
            </a>
        </li>
        <li id="tel">
            <a href="javascript:void(0)">
                <div class="hides" style="width:161px;display:none;" id="tels">
                    <div class="hides" id="p1">
                        <img src="<%=request.getContextPath() %>/resources/images/ll05.png">
                    </div>
                    <div class="hides" id="p3"><span style="color:#FFF;font-size:12px">0592-88888888</span>
                    </div>
                </div>
                <img src="<%=request.getContextPath() %>/resources/images/l05.png" width="47" height="49" class="shows" />
            </a>
        </li>
        <li id="btn">
            <a id="top_btn">
                <div class="hides" style="width:161px;display:none">
                    <img src="<%=request.getContextPath() %>/resources/images/ll06.png" width="161" height="49" />
                </div>
                <img src="<%=request.getContextPath() %>/resources/images/l06.png" width="47" height="49" class="shows" />
            </a>
        </li>
    </ul>
</div>

<script>

    $(document).ready(function(){

        $("#leftsead a").hover(function(){
            if($(this).prop("className")=="youhui"){
                $(this).children("img.hides").show();
            }else{
                $(this).children("div.hides").show();
                $(this).children("img.shows").hide();
                $(this).children("div.hides").animate({marginRight:'0px'},'0');
            }
        },function(){
            if($(this).prop("className")=="youhui"){
                $(this).children("img.hides").hide();
            }else{
                $(this).children("div.hides").animate({marginRight:'-163px'},0,function(){$(this).hide();$(this).next("img.shows").show();});
            }
        });

        $("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

        //右侧导航 - 二维码
        $(".youhui").mouseover(function(){
            $(this).children(".2wm").show();
        });
        $(".youhui").mouseout(function(){
            $(this).children(".2wm").hide();
        });


    });


</script>
<!-- 代码 结束 -->



</html>
